// 引入 variables.scss 以使用全局变量
@import '@/styles/variables';

.custom_tab_bar_footer {
  display: flex;
  justify-content: flex-end;
  padding-bottom: constant(safe-area-inset-bottom);

  /* 兼容 IOS<11.2 */
  padding-bottom: env(safe-area-inset-bottom);

  /* 兼容 IOS>11.2 */
  height: 164px;
  background-color: $bg-white;

  :global(.ossa-tabbar__item:nth-child(2)) {
    padding-bottom: 12px;
    font-size: 20px;
  }

  :global(.ossa-tabbar__item:nth-child(3)) {
    padding-top: 12px;
    font-size: 20px;
  }

  :global(.ossa-tabbar__item:nth-child(1)) {
    padding-top: 12px;
    font-size: 20px;
  }
}

.custom_tab_bar_content {
  flex: 1;
}

.custom_tab_bar {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.icon_image {
  width: 48px;
  height: 48px;
}

.payment {
  transform: translateX(-4px);
}

.home {
  padding-top: 12px;
}

.mine {
  padding-top: 12px;
}
